<template>
  <div
    :style="{
      width: props.width,
      height: props.height,
    }"
  >
    <svg
      :width="props.width"
      :height="props.height"
      viewBox="0 0 385 240"
      preserveAspectRatio="none meet"
    >
      <g id="边框1" transform="translate(-1000.76 -422.775)">
        <path
          id="路径_1163"
          data-name="路径 1163"
          d="M1039.645,654.962H1026.79a18.142,18.142,0,0,1-18.142-18.142V449.237A18.142,18.142,0,0,1,1026.79,431.1h12.855"
          fill="none"
          :stroke="states.color"
          stroke-miterlimit="10"
          stroke-width="1.775"
        />
        <path
          id="路径_1164"
          data-name="路径 1164"
          d="M1346.75,654.962H1359.6a18.142,18.142,0,0,0,18.142-18.142V449.237A18.142,18.142,0,0,0,1359.6,431.1H1346.75"
          fill="none"
          :stroke="states.color"
          stroke-miterlimit="10"
          stroke-width="1.775"
        />
        <g id="组_5023" data-name="组 5023">
          <path
            id="路径_1165"
            data-name="路径 1165"
            d="M1050.333,431.1h52.943l15.518,9.128h63.174"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="1.775"
            opacity="0.3"
          />
          <path
            id="路径_1166"
            data-name="路径 1166"
            d="M1184.744,439.415h16.887l-8.443,9.1Z"
            :fill="states.color"
          />
          <circle
            id="椭圆_25"
            data-name="椭圆 25"
            cx="2.32"
            cy="2.32"
            r="2.32"
            transform="translate(1048.013 428.775)"
            :fill="states.color"
          />
          <path
            id="路径_1167"
            data-name="路径 1167"
            d="M1336.537,431.1h-52.943l-15.518,9.128H1204.9"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="1.775"
            opacity="0.3"
          />
          <circle
            id="椭圆_26"
            data-name="椭圆 26"
            cx="2.32"
            cy="2.32"
            r="2.32"
            transform="translate(1334.217 428.775)"
            :fill="states.color"
          />
          <line
            id="直线_8"
            data-name="直线 8"
            x2="138.291"
            transform="translate(1124.528 433.833)"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="2.333"
            opacity="0.6"
          />
        </g>
        <g id="组_5024" data-name="组 5024">
          <path
            id="路径_1168"
            data-name="路径 1168"
            d="M1050.333,654.848h52.943l15.518-9.128h63.174"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="1.775"
            opacity="0.3"
          />
          <path
            id="路径_1169"
            data-name="路径 1169"
            d="M1184.744,646.528h16.887l-8.443-9.1Z"
            :fill="states.color"
          />
          <circle
            id="椭圆_27"
            data-name="椭圆 27"
            cx="2.32"
            cy="2.32"
            r="2.32"
            transform="translate(1048.013 652.528)"
            :fill="states.color"
          />
          <path
            id="路径_1170"
            data-name="路径 1170"
            d="M1336.537,654.848h-52.943l-15.518-9.128H1204.9"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="1.775"
            opacity="0.3"
          />
          <circle
            id="椭圆_28"
            data-name="椭圆 28"
            cx="2.32"
            cy="2.32"
            r="2.32"
            transform="translate(1334.217 652.528)"
            :fill="states.color"
          />
          <line
            id="直线_9"
            data-name="直线 9"
            x2="138.291"
            transform="translate(1124.528 652.109)"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="2.333"
            opacity="0.6"
          />
        </g>
        <g id="组_5025" data-name="组 5025">
          <path
            id="路径_1171"
            data-name="路径 1171"
            d="M1028.9,538.887v8.282l6.449-4.141Z"
            :fill="states.color"
          />
          <path
            id="路径_1172"
            data-name="路径 1172"
            d="M1020.058,464.216v28.7l9.2,10.649v32.253"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="0.978"
            opacity="0.3"
          />
          <circle
            id="椭圆_29"
            data-name="椭圆 29"
            cx="1.75"
            cy="1.75"
            r="1.75"
            transform="translate(1018.308 463.113)"
            :fill="states.color"
          />
          <path
            id="路径_1173"
            data-name="路径 1173"
            d="M1020.058,621.84v-28.7l9.2-10.649V550.241"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="0.978"
            opacity="0.3"
          />
          <circle
            id="椭圆_30"
            data-name="椭圆 30"
            cx="1.75"
            cy="1.75"
            r="1.75"
            transform="translate(1018.308 619.444)"
            :fill="states.color"
          />
          <line
            id="直线_10"
            data-name="直线 10"
            y2="74.242"
            transform="translate(1022.644 505.997)"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="1.166"
            opacity="0.6"
          />
        </g>
        <g id="组_5026" data-name="组 5026">
          <path
            id="路径_1174"
            data-name="路径 1174"
            d="M1358.009,538.887v8.282l-6.449-4.141Z"
            :fill="states.color"
          />
          <path
            id="路径_1175"
            data-name="路径 1175"
            d="M1366.85,464.216v28.7l-9.2,10.649v32.253"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="0.978"
            opacity="0.3"
          />
          <circle
            id="椭圆_31"
            data-name="椭圆 31"
            cx="1.75"
            cy="1.75"
            r="1.75"
            transform="translate(1365.1 463.113)"
            :fill="states.color"
          />
          <path
            id="路径_1176"
            data-name="路径 1176"
            d="M1366.85,621.84v-28.7l-9.2-10.649V550.241"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="0.978"
            opacity="0.3"
          />
          <circle
            id="椭圆_32"
            data-name="椭圆 32"
            cx="1.75"
            cy="1.75"
            r="1.75"
            transform="translate(1365.1 619.444)"
            :fill="states.color"
          />
          <line
            id="直线_11"
            data-name="直线 11"
            y2="74.242"
            transform="translate(1364.263 505.997)"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="1.166"
            opacity="0.6"
          />
        </g>
      </g>
    </svg>
  </div>
</template>

<script setup lang="ts">
import { computed } from "vue";

let props = defineProps({
  width: {
    type: String,
    default: "",
  },

  height: {
    type: String,
    default: "",
  },
  models: {
    type: Object,
    default: () => ({}),
  },
});
const states = computed({
  get: () => props.models,
  set: () => {},
}) as any;
</script>

<style scoped lang="scss"></style>
